﻿<!DOCTYPE html>
<html>
<head>
    <meta content="text/html; charset=utf-8" http-equiv="content-type">
    <title>Game Server Tracker</title>
    <meta content="Andrew York" name="author">
    <meta content="An online system to track game server rules violations and if necessary bans resulting from violating rules." name="description">
    <meta content="BlueGriffon wysiwyg editor" name="generator">
    <link href="css/layout.css" rel="stylesheet" type="text/css" />
    <link href="css/trackertheme/jquery-ui-1.10.3.custom.min.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="js/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="js/jquery-ui-1.10.3.custom.min.js"></script>
    <script type="text/javascript" id="pageLoadScript">
        $(window).load(function () {
            // TODO: set initalizing code here
            $("#loginContainer").dialog({
                title: "Login",
                width: 420,
                modal: true,
                dialogClass: "no-close",
                buttons: [
                  {
                      text: "Cancel",
                      click: function () {
                          $(this).dialog("close");
                      }
                  },
                  {
                      text: "Login",
                      click: function () {
                          $("#loginForm").submit();
                      }
                  }
                ]
            });
        });
    </script>
</head>
<body>
    <h2>Welcome to Game Server Tracker, an online source for tracking game server rule violations.</h2>
    <div id="loginContainer" class="PadAll5px" style="display:block; width: 435px; margin-right: auto; margin-left: auto;">
        <form enctype="text/plain" method="POST" action="index.php" name="loginForm" id="loginForm">
            <table border="0" class="LoginTable">
                <colgroup>
                    <col id="col1" style="text-align: right; padding-right: 4px;" />
                    <col id="col2" style="text-align: left; padding-left: 4px;" />
                </colgroup>
                <tbody>
                    <tr>
                        <td style="text-align: right;">
                            <label for="UserName" form="LoginForm">
                                User Name:</label>
                        </td>
                        <td>
                            <input placeholder="User Name" required="required" form="loginForm" name="UserName" id="UserName" style="width: 225px;" type="text">
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: right;">
                            <label for="UserPassword" form="loginForm">Password:</label>
                        </td>
                        <td>
                            <input placeholder="Password" required="required" style="width: 225px;" form="loginForm" name="UserPassword" id="UserPassword" type="password">
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2" style="display: block; text-align: center; margin-right: auto; margin-left: auto;">
        <div id="browserSupportContainer" style="display: block; text-align: center; width: auto;">
            <div style="display: inline; " class="PadSides5px">
                <img src="http://www.w3schools.com/images/compatible_ie.gif" alt="Internet Explorer" title="Internet Explorer" id="ieLinkImage" style="display: inline; margin-right: auto; margin-left: auto;">
                <br />
                <label id="IDLinkLabel" for="ieLinkImage" title="IE 10" style="font-size: 8pt; text-align: center; display: inline;">IE 10</label>
            </div>
            <div style="display: inline; margin-right: auto; margin-left: auto;" class="PadSides5px">
                <img src="http://www.w3schools.com/images/compatible_firefox.gif" alt="Firefox" title="Firefox" id="fireFoxLinkImage" />
                <br />
                <label id="Label1" for="fireFoxLinkImage" title="Firefox" style="font-size: 8pt; text-align: center; display: inline;">Firefox</label>
            </div>
            <div style="display: inline; float: none; margin-right: auto; margin-left: auto;" class="PadSides5px">
                <img src="http://www.w3schools.com/images/compatible_opera.gif" alt="Opera" title="Opera" id="operaLinkImage">
                <br />
                <label id="Label2" for="operaLinkImage" title="Opera" style="font-size: 8pt; text-align: center; display: inline;">Opera</label>
            </div>
            <div style="display: inline;" class="PadSides5px">
                <img src="http://www.w3schools.com/images/compatible_chrome.gif" alt="Google Chrome" title="Google Chrome" id="chromeLinkImage">
                <br />
                <label id="Label4" for="chromeLinkImage" title="Chrome" style="font-size: 8pt; text-align: center; display: inline;">Chrome</label>
            </div>
            <div style="display: inline; " class="PadSides5px">
                <img src="http://www.w3schools.com/images/compatible_safari.gif" alt="Safari" title="Safari" id="safariLinkImage">
                <br />
                <label id="Label3" for="safariLinkImage" title="Safari" style="font-size: 8pt; text-align: center; display: inline;">Safari</label>
            </div></div></td></tr></tbody></table>
        </form>
        </div>
    <p>
        <br>
    </p>
    <p>
        <br>
    </p>

</body>
</html>
